<!-- 教练 – 首页 – 写教案		teaching -->
<template>
	<view class="warps">
		<view class="w90" >
			<view class=" f b c" @click="get()">
				<view>
					<text>选项1</text>
				</view>
				<view class="vw15 f b c">
					<text>选择</text>
					<image style="width: 24rpx;height: 24rpx;" src="../../../static/img/028.png" mode=""></image>
				</view>
			</view>
			<view class="quanxian m_t_30"></view>
		</view>
		<view v-if="show == true">
			<view class="teaching-lan">
				<view>
					<view class=" senter p_t_20">
						<text>选项1</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项2</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项3</text>
					</view>
				</view>
			</view>
		</view>
		<view class="w90">
			<view class=" f b c" @click="geta()">
				<view>
					<text>选项1</text>
				</view>
				<view class="vw15 f b c">
					<text>选择</text>
					<image style="width: 24rpx;height: 24rpx;" src="../../../static/img/028.png" mode=""></image>
				</view>
			</view>
			<view class="quanxian m_t_30"></view>
		</view>
		<view v-if="showa == true">
			<view class="teaching-lan">
				<view>
					<view class=" senter p_t_20">
						<text>选项1</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项2</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项3</text>
					</view>
				</view>
			</view>
		</view>
		<view class="w90">
			<view class=" f b c" @click="getb()">
				<view>
					<text>选项1</text>
				</view>
				<view class="vw15 f b c">
					<text>选择</text>
					<image style="width: 24rpx;height: 24rpx;" src="../../../static/img/028.png" mode=""></image>
				</view>
			</view>
			<view class="quanxian m_t_30"></view>
		</view>
		<view v-if="showb == true">
			<view class="teaching-lan">
				<view>
					<view class=" senter p_t_20">
						<text>选项1</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项2</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项3</text>
					</view>
				</view>
			</view>
		</view>
		<view class="w90">
			<view class=" f b c" @click="getc()">
				<view>
					<text>选项1</text>
				</view>
				<view class="vw15 f b c">
					<text>选择</text>
					<image style="width: 24rpx;height: 24rpx;" src="../../../static/img/028.png" mode=""></image>
				</view>
			</view>
			<view class="quanxian m_t_30"></view>
		</view>
		<view v-if="showc == true">
			<view class="teaching-lan">
				<view>
					<view class=" senter p_t_20">
						<text>选项1</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项2</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项3</text>
					</view>
				</view>
			</view>
		</view>
		<view class="w90">
			<view class=" f b c" @click="getd()">
				<view>
					<text>选项1</text>
				</view>
				<view class="vw15 f b c">
					<text>选择</text>
					<image style="width: 24rpx;height: 24rpx;" src="../../../static/img/028.png" mode=""></image>
				</view>
			</view>
			<view class="quanxian m_t_30"></view>
		</view>
		<view v-if="showd == true">
			<view class="teaching-lan">
				<view>
					<view class=" senter p_t_20">
						<text>选项1</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项2</text>
					</view>
					<view class="quanxian"></view>
				</view>
				<view>
					<view class=" senter p_t_20">
						<text>选项3</text>
					</view>
				</view>
			</view>
		</view>
		<view class="teaching-but">
			<button type="default">提交教案</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				showa: false,
				showb: false,
				showc: false,
				showd: false
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '写教案'
			})
		},
		methods: {
			get() {
				this.show = !this.show
			},
			geta() {
				this.showa = !this.showa
			},
			getb() {
				
				this.showb = !this.showb
		
			},
			getc() {
				
				this.showc = !this.showc
			
			},
			getd() {
				
				this.showd = !this.showd
				
			},
		}
	}
</script>

<style scoped>
	.warps {
		/* height: 200vh; */
		overflow: hidden;
		background-color: #FFFFFF;
	}
	.teaching-lan{
		width: 260rpx;
		height: 250rpx;
		opacity: 1;
		background: #f1f6ff;
		border-radius: 8rpx;
		margin-left:450rpx;
	}
	.teaching-but{
		margin:0 auto;
		margin-top:400rpx;
	}
	.teaching-but>button{
		width: 502rpx;
		height: 72rpx;
		line-height:72rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 8rpx;
		font-size: 32rpx;
		color: #ffffff;
	}
</style>
